<html>
  <head>
    <meta charset="utf-8" />
    <title>Hitokoto 设置</title>
    <script type="text/javascript" src="/js/jquery.js"></script>
    <script type="text/javascript" src="/js/opt.js"></script>
    <style type="text/css">
      body {padding:0 18%;
      background-image:url(/img/sakura.jpg);
      background-repeat:no-repeat;
      background-position:center;
      direction:ltr;
      text-shadow:#CCC 1px 1px 20px;}

      table.config {
      background-color:white;
      box-shadow:3px 3px 4px #000;
      border:0px;
      width:100%;
      }

      td {padding:10px;}

      #header {padding:5px;text-align:center;font-size:35px;}

      table.form {border:0px;}
      
      input.check {zoom:150%;}
      
      #save {text-align:center;}
      
      #btn {
      min-width:100px;
      font-size:20px;
      display:inline-block;
      cursor:pointer;
      text-align:center;
      padding:6px;
      border:solid 1px #ABC;
      border-radius:2px;
      }
    </style>
  </head>
  <body>
    <table class="config">
      <tr>
	<td id="header">Hitokoto 设置<hr/></td>
      </tr>
      <tr>
	<td><h2>选择分类</h2><hr />
	  <p>请选择想在按钮弹窗中随机出现的一句话的类型：</p>
	  <form id="cat">
	    <table class="form">
	      <tr>
		<td><input type="checkbox" class="cat check" name="a" />来自动画</td>
		<td><input type="checkbox" class="cat check" name="b" />来自漫画</td>
		<td><input type="checkbox" class="cat check" name="c" />来自游戏</td>
		<td><input type="checkbox" class="cat check" name="d" />来自小说</td>
	      </tr>
	      <tr>
		<td><input type="checkbox" class="cat check" name="e" />原创</td>
		<td><input type="checkbox" class="cat check" name="f" />来自网络</td>
		<td><input type="checkbox" class="cat check" name="g" />其他</td>
	      </tr>
	    </table>
	  </form>
	</td>
      </tr>
      <tr>
	<td>
	  <h2>输入Hitokoto.us上的UID</h2><hr />
	  <p>输入UID以从个人收藏中提取随机显示的一句话，若此项留空，则从所有投稿中提取。</p>
	  <input type="text" id="uid" />
	</td>
      </tr>
      <tr>
	<td><h2>一句话附加条设置</h2>
	  <hr />
	  <p>本扩展可以在常规浏览页面的最下方添加一个附加条条用以显示随机的一句话。（默认开启）</p>
	  <p>单击附加条可以更改随机显示的内容。</p>
	  <p><input type="checkbox" class="bar check" checked="checked" />显示附加条</p>
	</td>
      </tr>
    </table>
      <br />
      <p id="save"><button id="btn">保存</button></p>
  </body>
</html>
